/**************************************** 布局*/
.row{flex-direction: row}

.jcenter{justify-content: center}
.jstart{justify-content: flex-start}
.jend{justify-content: flex-end}
.jbetween{justify-content: space-between}
.jaround{justify-content: space-around}

.acenter{align-items: center}
.astart{align-items: flex-start}
.aend{align-items: flex-end}
.all{flex: 1}
.all2{flex: 2}
.all3{flex: 3}
.absolute{position: absolute}

/**************************************** 文本*/
.tCenter{text-align: center;}
.tRight{text-align: right;}

/**************************************** 字体行数*/
.text-line1{lines:1; text-overflow: ellipsis;}
.text-line2{lines:2; text-overflow: ellipsis;}

/**************************************** 背景*/
.texture1{position:absolute;width:710px;height:120;bottom:0;right:0;}
.texture2{position:absolute;width:710px;height:200px;bottom:0;right:0;}

/**************************************** 颜色*/
.bg1{background-color: #0c0c0c}
.bg2{background-color: #151a2a}
.bg3{background-color: #202b46}
.bg4{background-color: #2F364B}

.bt1{background-color: #0c0c0c}
.bt2{background-color: #151a2a}
.bt3{background-color: #202b46}
.bt4{background-color: #2F364B}
.bt1:active{background-color: #151a2a}
.bt2:active{background-color: #202b46}
.bt3:active{background-color: #2F364B}
.bt4:active{background-color: #222635}

.bk1{border-color: #0c0c0c}
.bk2{border-color: #151a2a}
.bk3{border-color: #202b46}
.bk4{border-color: #2F364B}

.line1{background-color: #222635}


.text1{color: #ffffff}
.text2{color: #e0e7fd}
.text3{color: #777f9b}
.text4{color: #0B1330}
.text5{color: #B9C1D9}

.main1{background-color: #1677fe}
.main-t1{color: #1677fe}
.main-b1{border-color: #1677fe}

.main-bt1{background-image:linear-gradient(to right, #1677fe, #31afff)}
.main-bt1:active{background-color: #2880c9}
.main-bt2{background-color: #1677fe}
.main-bt2:active{background-color: #2880c9}
.main-jb1{background-image:linear-gradient(to right, #1677fe, #31afff)}

.main-t3{color: #EB973B}

.udRed1{background-color: #f03869}
.udRed-t1{color: #f03869}
.udRed-b1{border-color: #f03869}

.udGreen1{background-color: #00ad88}
.udGreen-t1{color: #00ad88}
.udGreen-b1{border-color: #00ad88}

.warning1{background-color: #ff3b59}
.warning-t1{color: #ff3b59}
.warning-b1{border-color: #ff3b59}

.no1{background-color: #777f9b}
.no-t1{color: #777f9b}
.no-b1{border-color: #777f9b}

/**************************************** 字体*/
.fontz {font-weight: 500}
.font18{font-size: 12; line-height: 17px}
.font18{font-size: 18; line-height: 25px}
.font20{font-size: 20; line-height: 28px}
.font22{font-size: 22; line-height: 31px}
.font24{font-size: 24; line-height: 34px}
.font26{font-size: 26; line-height: 36px}
.font28{font-size: 28; line-height: 39px}
.font30{font-size: 30; line-height: 42px}
.font32{font-size: 32; line-height: 45px}
.font34{font-size: 34; line-height: 48px}
.font36{font-size: 36; line-height: 50px}
.font38{font-size: 38; line-height: 53px}
.font40{font-size: 40; line-height: 56px}
.font42{font-size: 42; line-height: 59px}
.font44{font-size: 44; line-height: 62px}
.font46{font-size: 46; line-height: 62px}
.font48{font-size: 48; line-height: 67px}
.font50{font-size: 50; line-height: 70px}
.font52{font-size: 52; line-height: 73px}
.font54{font-size: 54; line-height: 76px}
.font60{font-size: 60; line-height: 78px}
.font62{font-size: 62; line-height: 87px}
.font68{font-size: 68; line-height: 74px}
.font108{font-size: 108; line-height: 118px}

/**************************************** 间距*/
.height1{height: 1px}
.height2{height: 2px}
.height6{height: 6px}
.height10{height: 10px}
.height20{height: 20px}
.height30{height: 30px}
.height40{height: 40px}
.height50{height: 50px}
.height60{height: 60px}
.height80{height: 80px}
.width1{width: 1px}
.width6{width: 6px}
.width10{width: 10px}
.width20{width: 20px}
.width26{width: 26px}
.width28{width: 28px;}
.width30{width: 30px}
.width40{width: 40px}
.width40{width: 40px}
.width140{width: 140px}
.width160{width: 160px}

.mb2{margin-bottom: 2px}
.mb4{margin-bottom: 4px}
.mb6{margin-bottom: 6px}
.mb10{margin-bottom: 10px}
.mb12{margin-bottom: 12px}
.mb15{margin-bottom: 15px}
.mb20{margin-bottom: 20px}
.mb30{margin-bottom: 30px}
.mb40{margin-bottom: 40px}
.mb80{margin-bottom: 80px}

.mr2{margin-right: 2px}
.mr4{margin-right: 4px}
.mr6{margin-right: 6px}
.mr10{margin-right: 10px}
.mr12{margin-right: 12px}
.mr15{margin-right: 15px}
.mr20{margin-right: 20px}
.mr30{margin-right: 30px}
.mr40{margin-right: 40px}

.ml10{margin-left: 10px}
.ml8{margin-left: 8px}
.ml15{margin-left: 15px}
.ml20{margin-left: 20px}
.ml30{margin-left: 30px}
.ml40{margin-left: 40px}

.mt10{margin-top: 10px}
.mt30{margin-top: 30px}
.mt40{margin-top: 40px}